html, body {
  width: 100%;
  height: 100%;
  border: 0 none;
  font-family: Roboto,sans-serif; 
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
* {
  font-family: 'lato';
  box-sizing: border-box;
}
/* Prevent horizontal scroll */
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
#parallax-wrapper {
  width: 100%;
  overflow-x: hidden;
}
.parallax-section {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
#background {
  /* Parallax effect con W3Schools method */
  background-image: url('Cultivaresparaguayos_trigo_maduro.jpg');
  /*background-size: 100% !important;*/
  background-color: #000000;
  min-height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  /* Layout */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
#season-desc {
  background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
  color: white;
  min-height: 110vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.5em;
  margin: 0;
  padding: 40px 0;
  position: relative;
}
#season-desc2{
  background: linear-gradient(135deg, #bbf6ce 0%, #90e4a8 100%);
  color: black;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 0;
  margin: 0;
  position: relative;
}
#background3 {  
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  position: relative;
}
.desc-wrapper {
  box-sizing: border-box;
  padding: 40px 20px;
  width: 100%;
}
#titulo1 {
  line-height: 1.2;
  margin-top:  0%;
  margin-bottom:  0%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: bold;
  top: 0vh;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-size: xx-large;
  text-shadow: 2px 2px 5px black;
  position: relative;
  z-index: 10;
}
#title-subtitle {
  line-height: 1.2;
  bottom: 90px;
  padding-top: 1%;
  padding-bottom: 1%;
  font-weight: bold;
  position: absolute;
  margin: auto;
  width: 85%;
  left: 0;
  right: 0;
  text-align: center;
  min-height: 100px;
  color: white;
  font-size: large;
  vertical-align: middle;
  text-shadow: 2px 2px 5px black;
}
.title1{
  font-size: x-large;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* Para la sección de autores con fondo verde */
#season-desc2 .title1{
  color: black;
}
.title1-descripcion{
  font-size: large;
  line-height: 1.5;
  text-align: justify;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 3%;
  margin-right: 5%;
}
.autores{
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  font-size: 1.3vw;
  line-height: 1.2em;
  color: black;
}
.autores li{
  font-size: medium;
  /*padding-bottom: 0.5em;*/
  margin-bottom: 0.5em;
}
#banner {
  text-align: left;
  padding: 20px 1% 0 1%;
  font-size: medium;
  flex: 1;
}  
#banner ul{
  list-style-position: outside;
  padding-left: 20px;
}  
#paginas{
  width: 100%; 
  height: 70vh; 
  min-height: 500px;
  text-align: left;
  border: none;
  display: block;
  font-size: medium !important;
  background-color: transparent;
}
#ultima_actualizacion {
  padding: 20px;
  color: white;
  margin: 0;
  line-height: 1.4;
  font-size: medium;
}
#footer {
  width: 100%;
  min-height: 80px;
  height: fit-content;
  background-color: #00577B;
  font-size: medium;
  margin-top: auto;
}
.title {
  font-family: 'lato';
  font-weight: 500;
  /*font-size: 5rem;*/
  font-size: 3.0vw;
  text-align: center;
  text-transform: uppercase;
}

/* LODER */
:root {
  --color-loader: #fff8b3db;
}
.loader-out {
  background-color: var(--color-loader);
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 1s;
  opacity: 1;
  display: block;
  z-index: 500;
}
.loader-out-2 {
  background-color: var(--color-loader);
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 2s;
  opacity: 0;
  display: block;
  z-index: 500;
}
.loading-text {
  font-family: Roboto,sans-serif;
  font-weight: bold;
  font-size: 1.5em; /*Tamaño grande para el texto "CARGANDO"*/
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 2px 2px 8px #333;
  animation: blink-loader 1.2s steps(1, end) infinite;
}
@keyframes blink-loader {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}
/* Animaciones eliminadas: ya no se usa el círculo */
/*FIN LOADER*/

/*Sigue límites max-width como Bootstrap 5*/
@media (orientation: portrait){
  #parallax-wrapper{
    overflow-x: hidden;
  }
  #titulo1{
    margin-top: 1%;
    font-size: large;
  }
  .titulo2 p{
    font-size: small;
    margin-bottom: 3%;      
  }
  .desc-wrapper {
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 3.5%;
    padding-right: 2.0%;
    justify-content: flex-end;
  }
  #season-desc2{
    height: auto;
    padding-top: 0%;
    padding-bottom: 0%;
    justify-content: flex-end;
  }
  .autores{
    font-size: medium;
  }
  #paginas{
    font-size: medium;
  }
}
@media (orientation: landscape) and (max-height: 450px) {
  #titulo1 {
    font-size: x-large;
    margin-top: 0%;
  }
  .titulo2 p{
    font-size: small;
    margin-bottom: 1%;    
    text-align: center;  
  }
  #season-desc{
    min-height: auto;
  }
  #season-desc2 {  
    padding-top: 20%;
    padding-bottom: 20%;
    min-height: auto;
  }
  .autores{
    font-size: medium;
  }
}  
@media (min-width: 576px) and (max-width: 768px){
  .title, .title1 {
    font-size: x-large;
  }
  .title1-descripcion {
    font-size: medium;
  }
  .autores{
    font-size: medium;
  }
  #banner {
    text-align: left;
    padding-left: 1%;
    padding-right: 1%;
  }  
  #banner ul{
    list-style-position: outside;
    padding-left: 20px;
  }    
}
@media (min-width: 360px) and (max-width: 576px){
  #parallax-wrapper {
    height: 100vh;
  }
  .title, .title1 {
    font-size: x-large;
  }
  .title1-descripcion {
    font-size: medium;
    padding-left: 3%;
    padding-right: 3%;
  }
  .autores{
    font-size: medium;
    padding-left: 2%;
    padding-right: 2%;
  }
   #banner {
    text-align: left;
    padding-left: 1%;
    padding-right: 1%;
  }  
  #banner ul{
    list-style-position: outside;
    padding-left: 20px;
  }    
}
@media (max-width: 360px){  
  #parallax-wrapper {
    min-height: 100vh;
  }
  #season-desc, #season-desc2 {
    min-height: auto;
  }
  .title{
    font-size: large;
  }
  .title1{
    font-size: large;
    padding-left: 2%;
    padding-right: 2%;
  }
  .title1-descripcion{
    text-align: left;
    font-size: medium;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .titulo2 p{
    font-weight: normal;
  }
  .autores{
    font-size: medium;
    padding-left: 3%;
    padding-right: 3%;
  }
  #titulo1 {
    font-size: 7vw;
    padding-left: 2%;
    padding-right: 2%;
  }
  #banner {
    text-align: left;
    padding-left: 2%;
    padding-right: 2%;
  }  
  #banner ul{
    list-style-position: outside;
    padding-left: 15px;
  }  
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1366px) {
  #background {
    background-attachment: fixed;
  }
}

/* Lista de autores*/
@media (min-width: 576px) {
  .pantalla_ancha{
    display: masonry;
  }
  .pantalla_angosta{
    display: none;
  }
}
@media (max-width: 576px) {
  .pantalla_ancha{
    display: none;
  }
  .pantalla_angosta{
    display: block !important;    
  }
  #titulo1 {
    font-size: 6vw;
    line-height: 1.1;
  }
  #paginas {
    height: 60vh;
    min-height: 400px;
  }
  /* Disable parallax on mobile */
  #background {
    background-attachment: fixed;
  }
}
/* FIN: Lista de autores*/

/* LOGOS */
#logos {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  justify-content: space-around;
  width: 85%;
  z-index: 10;
}
.logo_INTA{
  height: 9vh; 
  width: auto;
  float: left;
}
.logo_IPADS{
  height: 8vh; 
  width: auto;
  float: right;
}
.logo_UNMDP{
  height: 8vh; 
  width: auto;
  float: right;
}
.logo_IPTA{
  height: 8vh; 
  width: auto;
  float: right;
}
.logo_INASE{
  height: 5vh; 
  width: auto;
  float: right;
}
.logo_AAPRESID{
  height: 8vh; 
  width: auto;
  float: right;
}
@media (orientation: landscape) and (max-width: 1000px) {
  #logos{
    margin-top: 15px;
    justify-content: space-around;
  }
}
@media (orientation: landscape) and (min-width: 1000px) {
  .logo_INTA{
    height: 9vh; 
  }
  .logo_IPADS{
    height: 14vh; 
  }
  .logo_UNMDP {
    height: 7vh;
  }
  .logo_IPTA {
    height: 10vh;
  } 
  .logo_INASE{
    height: 5vh; 
  } 
  .logo_AAPRESID{
    height: 8vh; 
  }    
}
@media (orientation: landscape) and (max-height: 360px) {
  #logos {
    margin-top: 10px;
  }
  .title{
    position: static;
  }
}
@media (orientation: portrait) and (max-width: 360px) {
  #logos{
    margin-top: 20px;
    justify-content: space-around;
  }
  .logo_INTA{
    height: auto; 
    width: 31vw;
  }
  .logo_IPADS{
    height: auto; 
    width: 25vw;
  }
  .logo_UNMDP{
    height: auto; 
    width: 19vw;
  }  
  .logo_IPTA{
    height: auto; 
    width: 23vw;
  }
  .logo_INASE{
    height: auto; 
    width: 23vw;
  } 
  .logo_AAPRESID{
    height: auto; 
    width: 38vw;
  }  
}
@media (orientation: portrait) and (min-width: 360px) {
  #logos{
    margin-top: 20px;
    justify-content: space-around;
  }
  .logo_INTA{
    height: auto; 
    width: 25vw;
  }
  .logo_IPADS{
    height: auto; 
    width: 20vw;
  }
  .logo_UNMDP{
    height: auto; 
    width: 15vw;
  }  
  .logo_IPTA{
    height: auto; 
    width: 18vw;
  }
  .logo_INASE{
    height: auto; 
    width: 18vw;
  } 
  .logo_AAPRESID{
    height: auto; 
    width: 31vw;
  }  
}
 /* FIN LOGOS */